<template>
  <dv-border-box-6 style="width: 15vw;display: flex;height:100%;justify-content: center">
    <div style="margin-top: 10px">
      <div >
        <img :src="devInfo.icon" style="width: 100%;height: 15vh">
      </div>
      <div style="display: flex">
        <div style="margin: 10px;font-size: 16px;color: #ed5565">{{devInfo.title}}</div>
        <div style="margin: 14px;font-size: 8px;color: #ffffff">天空里10楼办公室</div>
      </div>
      <div style="margin:4px 10px;font-size: 16px;color: #ffffff;overflow: hidden;">
        {{devInfo.mianji}}
      </div>
    </div>
  </dv-border-box-6>
</template>

<script>
export default {
  name: 'activityCard',
  props: {
    devInfo: {
      type: Object,
      default () {
        return {
          title: '社工之家',
          icon: '/images/yg.png', // 点标记图片路径
          state: '正常使用',
          mianji: '萍乡水务有限公司开展学雷锋活动,萍乡供电公司：'

        }
      }
    }
  }
}
</script>

<style scoped>

</style>
